<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="box">
			<ul>
				<li>这是第1个LI</li>
				<li>这是第2个LI</li>
				<li>这是第3个LI</li>
				<li class="lis">这是第4个LI</li>
				<li>这是第5个LI</li>
				<li>这是第6个LI</li>
				<li>这是第7个LI</li>
				<li>这是第8个LI</li>
				<li>这是第9个LI</li>
			</ul>
		</div>
		
	<script src="js/jquery.3.6.3.js"></script>
	<script>
		// //查找子元素
		// //查找所有子元素
		// $("ul").children().css("background-color","blue");
		// //查找所有子元素中具备条件的子元素
		// $("ul").children(".lis").css("background-color","red");
		
		// 查找后代元素
		$(".box").find(".lis").css("background-color","red");
		
		// 查找父元素
		$("ul").parent().css("background-color","pink");
		
		// 查找下一个兄弟
		$(".lis").next().css("background-color","yellow");
		
		// 查找上一个兄弟
		$(".lis").prev().css("background-color","blue");
		
		// 查找所有兄弟不包含自己
		$(".lis").siblings().css("background-color","#f0f");
	</script>
	</body>
</html>